<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.hot{
				width: 27px;
				height: 18px;
				margin: 0 auto;
				/*border: 2px solid orange;*/
				background: url(bg.png) no-repeat -174px -77px;
			}
			.dog{
				width: 24px;
				height: 25px;
				/*border: 4px solid blue;*/
				margin: 0 auto;
				background: url(bg.png) no-repeat 0px -308px;
			}
			
			
		</style>
	</head>
	<body>
		
		<!--css背景精灵、css sprites、css雪碧-->
		
		<div class="dog"></div>
		<br /><br /><br />
		<div class="hot"></div>
		
		
		
	</body>
</html>
